<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <input type="file" id="fileInput">
  <div id="fileInfo"></div>
  <script>
  document.getElementById('fileInput').addEventListener('change', function (e) {
      var file = e.target.files[0]; // 获取文件引用
      var info = document.getElementById('fileInfo');

      if (!file) {
        info.textContent = '未选择文件';
        return;
      }

      // 显示文件信息
      info.textContent = '文件名: ' + file.name + '\n' +
        '大小: ' + file.size + ' bytes\n' +
        '修改日期: ' + file.lastModifiedDate.toLocaleDateString();

      // 可以在这里添加代码处理文件，例如读取文件内容等
    });
    </script>
</body>
</html>